<!--申明了一个标准的html5文档类型-->
<!DOCTYPE html>
<!--申明这个文档是一个中文简体语言的文本 在一些非这类语言的机器上 浏览器可识别 -->
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
    <title>less than better</title>
    <link rel="shortcut icon" href="images/logo.ico">
    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <!--兼容邪恶的IE，支持媒体查询-->
    <!--[if lte IE 6]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>7
    <![endif]-->
    <!--自己的css-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body style="background: url(images/bg.jpg);" ng-app='index' ng-controller='indexController'>

<!--navbar-fixed-top-->
<nav class="navbar navbar-inverse navbar-fixed-top" style="margin: 0;">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <!--<span class="sr-only">Toggle navigation</span>-->
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#/{{navs[0]}}">Less Than Better</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li ng-class="{'active':index}" ><a href="#{{navs[1]}}" class='ng-cloak'>{{navsI[0]}}</a></li>
                <li ng-class="{'active':memoirs}"><a href="#/{{navs[2]}}" class='ng-cloak'>{{navsI[1]}}</a></li>
                <li ng-class="{'active':your_words}"><a href="#/{{navs[3]}}" class='ng-cloak'>{{navsI[2]}}</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" ng-click='prevent()'>learn<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <!--html5 css3 javascript Jq js面向对象 Bootstrap -->
                        <li ng-repeat='item in learn track by $index'>
                            <a href="#">{{item}}</a>
                        </li>
                        <li><a href="#" id='more'>了解更多&gt;&gt;</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown active">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" ng-click='prevent()'>contact me<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="javascript:;"><strong>It's best choose to contact me!</strong></a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="javascript:;">Q Q：{{contact[0].QQ}}</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="javascript:;">weixin：{{contact[1].weixin}}</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="javascript:;">email:{{contact[2].email}}</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div id='login' class='container clearfix' style='position: fixed;justify-content:space-between; top:50px;width: 100%;'>
    <button class="btn btn-default f_left" type="submit" style='width: 50%;height: 50px;margin-left: -15px;'>login</button>
    <button class="btn btn-default f_right" type="submit" style='width: 50%;height: 50px; margin-right: -15px;'>register</button>
</div>
<div ng-view></div>
<div class="container-fluid" style="height: 70px;border-top: 1px solid #fff;">
    <div class="row">
        <div class="col-xs-12">
            <p style='line-height: 70px;margin: 0 auto;text-align: center;'><span>Design by QiuYang <a href="http://user.qzone.qq.com/1736315428/infocenter?ptsig=2uV9NkjIp3mTcBPFs-Jj1qUGZGiBE-a8VJNI2gDQNi0_" target="_blank">我的个人空间</a></span>
            </p>
        </div>
    </div>
</div>
<script src="lib/underscore/underscore-min.js"></script>
<script src="lib/underscore/template.js"></script>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src='lib/node_modules/angular/angular.js'></script>
<script src='lib/node_modules/angular-route/angular-route.js'></script>
<script src='js/service.js'></script>
<script src='js/index.js'></script>
<script src='js/Less_Than_Better.js'></script>
<script src='js/memoirs.js'></script>
</body>
</html>











